<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
        <link rel="stylesheet" type="text/css" href="css/index.css?t=1" />
        <link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css?t=1" />
        <title>Login</title>  
    </head>
    <body>
        <div class="navbar">
            <div class="title-col title-col-login">LOGIN</div>
        </div>
        <div id="loginPage" data-role="page">
            <form id="login" name="login" method="post" >
                <div id="error-msg" class="login-error-msg">
                    <div></div>

                </div>                              

                <div class="login-frm">
                    <div class="input-row">
                        <img src="img/email-ico.png" class="ico email-col" />
                        <div class="input-col">
                            <div><input type="email" value="E-mail" name="email" id="login-email" onkeypress="return eventClickEnter(event)"/></div>
                        </div>
                    </div>            
                </div>
                <div class="login-frm">
                    <div class="input-row">
                        <img src="img/pass-ico.png" class="ico password-col" />
                        <div class="input-col">
                            <div><input type="text" rel="Password" value="Password" name="password" id="login-password" onkeypress="return eventClickEnter(event)"/></div>
                        </div>
                    </div>                
                </div>
                <div class="btn-submit-login"  id="submit" >
                    <span class="btn-submit-login-txt">Log In</span>
                </div>
            </form>

            <div class="btn-submit-login btn-submit-login-fb" id="fb-auth" >
                <img src="img/icon-fb.png" class="icon-fb" />
                <span class="btn-submit-login-txt">Log In with Facebook</span>
            </div>

            <div class="create-acc">
                <a class="create-acc-txt" href="signUp1.html">Create Account<i class="login-next-ico"></i></a>
            </div>
            <div class="create-acc">
                <a href="forgotPassword.html" class="create-acc-txt">Forgot Password?<i class="login-next-ico"></i></a>
            </div>
        </div>
        <div id="dialog-confirm" title="Confirmation" style="display:none;width:400px;">
            <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>
                You account has not been activated. Do you want to resend confirmation email?</p>
        </div>
        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui.js"></script>    
        <script type="text/javascript" src="cordova.js"></script>
        <script src="cdv-plugin-fb-connect.js"></script>
        <script src="facebook_js_sdk.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript" src="js/login.js?v=1"></script>
        <script src="js/bannerRotator2.js"></script>

        <script src="js/common_alert_redirect.js"></script>
        <script type="text/javascript">
                                app.initialize();
        </script>

        <div class="wd-loading" style="display:none">
            <div classloading="full-overlay-black"></div>
            <div class="wrap-popup-bg-opacity-follow">
                <img src="img/loading/ajax-fb-loader.gif" title="loading"/>
            </div>
        </div>
        <div class="slide-page wd-fix">
            <div align="center">
                <div id="bannerRotator">
                </div>
            </div>
        </div>
    </body>
</html>
